<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>检验检查-列表</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="../css/config.css" rel="stylesheet" />
		<link href="../css/base.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<style>
			.top-tab-bar {
				padding: 2px;
				width: 50%;
				margin: 0 auto;
			}
			.top-tab-bar .mui-control-item {
				line-height: 32px;
			}
			.top-tab-bar .mui-segmented-control {
				top: 3px!Important;
			}
			.top-tab-bar .mui-segmented-control .mui-control-item.mui-active {
				background-color: #58D8AF;
				color: white!Important;
			}
			.top-tab-bar .mui-segmented-control .mui-control-item {
				color: #58D8AF;
				border-color: #58D8AF;
				border-left: 1px solid #58D8AF;
			}
			.top-tab-bar .mui-segmented-control {
				border: 1px solid #58D8AF;
			}
			.mui-table-view-cell>.mui-slider-right>.mui-btn {
				color: white!Important;
				height: 59px;
			}
			.mui-table-cell span {
				margin-right: 10px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav km-navbar">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back"></a>
			<div class="top-tab-bar">
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" href="#item1">
						 化验
					</a>
					<a class="mui-control-item" href="#item2">
						影像
					</a>
				</div>
			</div>
		</header>
		<div class="mui-content ">
			<!--化验报告-->
			<div id="item1" class=" mui-control-content mui-active">
				<a class="list-add" href="#hy-actionsheet"><i class="fa fa-plus"></i>添加化验单</a>
				<ul class="mui-table-view hy-area" id="hy-area">
					<li class="mui-table-view-cell">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red" ontouchstart="deleteJY()">删除</a>
						</div>
						<a class="mui-navigate-right" href="index-jyjc-hyAdd.html">
							<div class="mui-slider-handle">
								<span class="fa  fa-file-archive-o"></span>常规检查<span class="time">2016年1月1日</span>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red" ontouchstart="deleteJY()">删除</a>
						</div>
						<a class="mui-navigate-right" href="index-jyjc-hyAdd.html">
							<div class="mui-slider-handle">
								<span class="fa  fa-file-archive-o"></span>血清检查<span class="time">2016年1月1日</span>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red" ontouchstart="deleteJY()">删除</a>
						</div>
						<a class="mui-navigate-right" href="index-jyjc-hyAdd.html">
							<div class="mui-slider-handle">
								<span class="fa  fa-file-archive-o"></span>关节液检查<span class="time">2016年1月1日</span>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<!--化验报告 end-->

			<!--添加化验报告-菜单-->
			<div id="hy-actionsheet" class="mui-popover mui-popover-action mui-popover-bottom">
				<ul class="mui-table-view" id="hy-menu-area">
					<li class="mui-table-view-cell">
						<a href="index-jyjc-hyAdd.html">常规检查</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="index-jyjc-hyAdd.html">血清检查</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="index-jyjc-hyAdd.html">关节液检查</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#hy-actionsheet"><b>取消</b></a>
					</li>
				</ul>
			</div>
			<!--添加化验报告-菜单 end-->

			<!--影像学检查报告-->
			<div id="item2" class="mui-control-content">
				<a class="list-add" href="#yx-actionsheet"><i class="fa fa-plus"></i>添加影像检查报告</a>
				<ul class="mui-table-view hy-area" id="yx-area">
					<li class="mui-table-view-cell">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red" ontouchstart="deleteJY()">删除</a>
						</div>
						<a class="mui-navigate-right" href="index-jyjc-yx-detail.html">
							<div class="mui-slider-handle">
								<span class="fa  fa-file-photo-o"></span>X-线平片<span class="time">2016年1月1日</span>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red" ontouchstart="deleteJY()">删除</a>
						</div>
						<a class="mui-navigate-right" href="index-jyjc-yx-detail.html">
							<div class="mui-slider-handle">
								<span class="fa  fa-file-photo-o"></span>CT<span class="time">2016年1月1日</span>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red" ontouchstart="deleteJY()">删除</a>
						</div>
						<a class="mui-navigate-right" href="index-jyjc-yx-detail.html">
							<div class="mui-slider-handle">
								<span class="fa  fa-file-photo-o"></span>磁共振成像(MRI)<span class="time">2016年1月1日</span>
							</div>
						</a>
					</li>
					
				</ul>
			</div>
			<!--影像学检查报告 end-->

			<!--影像学检查-菜单-->
			<div id="yx-actionsheet" class="mui-popover mui-popover-action mui-popover-bottom">
				<ul class="mui-table-view" id="yx-menu-area">
					<li class="mui-table-view-cell">
						<a href="index-jyjc-yxAdd.html">X-线平片</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="index-jyjc-yxAdd.html">CT</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="index-jyjc-yxAdd.html">磁共振成像(MRI)</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="index-jyjc-yxAdd.html">其他</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#yx-actionsheet"><b>取消</b></a>
					</li>
				</ul>
			</div>
			<!--影像学检查-菜单 end-->
		</div>
		</div>

		<script src="../js/mui.min.js"></script>
		<script src="../js/Global.js"></script>
		<script src="../js/index.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
			mui('.mui-scroll-wrapper').scroll();
			//=======添加影像-菜单-点击事件
			mui('#yx-menu-area').on('tap', 'a', function() {
					var id = this.id;
					var title = this.title;
					var href = this.href;
					openWindow(href, href, {
						id: id,
						title: title
					});
			});
			//=======影像列表-点击事件
			mui('#yx-area').on('tap', 'a', function() {
					var id = this.id;
					var title = this.title;
					var href = this.href;
					openWindow(href, href, {
						id: id,
						title: title
					});
			});
				//=======添加化验单-菜单-点击事件
			mui('#hy-menu-area').on('tap', 'a', function() {
				var id = this.id;
				var title = this.title;
				var href = this.href;
				openWindow(href, href, {
					id: id,
					title: title
				});
			});
			//=======化验单列表-点击事件
			mui('#hy-area').on('tap', 'a', function() {
				var id = this.id;
				var title = this.title;
				var href = this.href;
				openWindow(href, href, {
					id: id,
					title: title
				});
			});

			function deleteJY() {
				alert("delete");
				mui.confirm('确认删除该条记录？', '提示', btnArray, function(e) {
					if (e.index == 0) {
						elem.parentNode.removeChild(elem);
					} else {
						setTimeout(function() {
							$.swipeoutClose(elem);
						}, 0);
					}
				});
			}
		</script>
	</body>

</html>